<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PersonalAssistant - 全能私人助理</title>
  <meta name="description" content="PersonalAssistant是一款功能强大的全能私人助理软件，提供剪贴板管理、智能助手等多种实用功能。">
  <link rel="icon" type="image/svg+xml" href="favicon.svg">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <!-- 导航栏 -->
  <nav class="navbar">
    <div class="container">
      <div class="nav-brand">
        <img src="logo.svg" alt="PersonalAssistant" class="logo">
        <span class="brand-text">PersonalAssistant</span>
      </div>
      <div class="nav-menu" id="navMenu">
        <a href="#features" class="nav-link">功能特性</a>
        <a href="#product" class="nav-link">产品展示</a>
        <a href="#download" class="nav-link">立即下载</a>
        <a href="#guide" class="nav-link">使用指南</a>
      </div>
      <div class="nav-actions">
        <a href="https://gitee.com/meihaohui/clip-board-pool/releases" target="_blank" class="btn btn-primary">免费下载</a>
        <button class="mobile-menu-toggle" id="mobileMenuToggle">
          <span></span>
          <span></span>
          <span></span>
        </button>
      </div>
    </div>
  </nav>

  <!-- 英雄区域 -->
  <section class="hero">
    <div class="container">
      <div class="hero-content">
        <h1 class="hero-title">
          PersonalAssistant<br>
          <span class="highlight">全能私人助理</span>
        </h1>
        <p class="hero-description">
          银行短信自动记账 + 跨设备剪贴板同步，支持15家银行无感记账、多平台账单导入，让财务管理和设备协作完全自动化
        </p>
        <div class="hero-actions">
          <a href="https://gitee.com/meihaohui/clip-board-pool/releases" target="_blank" class="btn btn-primary btn-large">免费下载</a>
          <a href="#features" class="btn btn-secondary btn-large">了解更多</a>
        </div>
      </div>
      <div class="hero-visual">
        <div class="app-screenshot">
          <img src="images/screenshot-zhuzhuangtu.png" alt="PersonalAssistant 软件界面截图" class="screenshot-image">
        </div>
      </div>
    </div>
  </section>

  <!-- 功能特性区域 -->
  <section id="features" class="features">
    <div class="container">
      <div class="section-header">
        <h2>核心亮点功能</h2>
        <p>银行短信自动记账 + 跨设备协作，真正的无感体验，解放双手</p>
      </div>
      <div class="features-grid">
        <div class="feature-card">
          <div class="feature-icon">💰</div>
          <h3>银行短信自动记账</h3>
          <p>收到银行短信后自动提取交易信息并记账，完全无感操作，手机电脑联动</p>
          <ul class="feature-list">
            <li>支持15家主流银行</li>
            <li>自动识别金额商户</li>
            <li>iPhone收短信电脑更新</li>
            <li>智能提取验证码</li>
          </ul>
        </div>
        <div class="feature-card">
          <div class="feature-icon">📊</div>
          <h3>多平台账单导入</h3>
          <p>一键导入银行流水、微信支付宝账单，智能处理复杂格式，轻松整合历史数据</p>
          <ul class="feature-list">
            <li>银行Excel流水导入</li>
            <li>微信支付宝CSV导入</li>
            <li>智能识别表头格式</li>
            <li>自动合并多行记录</li>
          </ul>
        </div>
        <div class="feature-card">
          <div class="feature-icon">📋</div>
          <h3>跨设备剪贴板同步</h3>
          <p>iPhone复制内容电脑立即可用，验证码自动提取，利用快捷指令无需安装专门APP</p>
          <ul class="feature-list">
            <li>手机电脑内容互通</li>
            <li>验证码自动提取</li>
            <li>内容池智能管理</li>
            <li>无需额外软件</li>
          </ul>
        </div>
        <div class="feature-card">
          <div class="feature-icon">📈</div>
          <h3>财务数据可视化</h3>
          <p>直观的收支趋势图表，多维度分析消费习惯，商户分类统计，余额变化追踪</p>
          <ul class="feature-list">
            <li>收支趋势柱状图</li>
            <li>商户分类统计</li>
            <li>多维度数据分析</li>
            <li>余额变化追踪</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- 产品展示区域 -->
  <section id="product" class="product-showcase">
    <div class="container">
      <div class="section-header">
        <h2>功能演示</h2>
        <p>看看 PersonalAssistant 如何实现银行短信自动记账和跨设备协作</p>
      </div>
      <div class="product-demo">
        <div class="demo-tabs">
          <button class="tab-btn active" data-tab="clipboard">自动记账</button>
          <button class="tab-btn" data-tab="ai">数据可视化</button>
          <button class="tab-btn" data-tab="settings">跨设备同步</button>
        </div>
        <div class="demo-content">
          <div class="demo-image">
            <div class="screenshot-container">
              <img src="images/screenshot-main.png" alt="PersonalAssistant 主界面" class="product-screenshot" id="productScreenshot">
            </div>
          </div>
          <div class="demo-info">
            <h3>智能剪贴板管理</h3>
            <p>PersonalAssistant 提供直观易用的界面，让您轻松管理所有复制内容。支持多种格式，智能分类，快速检索。</p>
            <div class="demo-features">
              <div class="demo-feature">
                <span class="feature-label">支持格式</span>
                <span class="feature-value">文本、图片、文件、代码</span>
              </div>
              <div class="demo-feature">
                <span class="feature-label">存储容量</span>
                <span class="feature-value">无限制云端存储</span>
              </div>
              <div class="demo-feature">
                <span class="feature-label">同步速度</span>
                <span class="feature-value">实时同步</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 功能亮点详细介绍 -->
  <section class="highlights-section">
    <div class="container">
      <div class="section-header">
        <h2>为什么选择 PersonalAssistant？</h2>
        <p>真正解决用户痛点的创新功能，让财务管理和设备协作变得前所未有的简单</p>
      </div>

      <div class="highlights-grid">
        <div class="highlight-item">
          <div class="highlight-icon">🤖</div>
          <h3>真正的"无感"体验</h3>
          <p>收到银行短信的瞬间，交易信息就已经自动记录到您的财务系统中。无需打开APP，无需手动输入，完全自动化。</p>
          <div class="highlight-details">
            <span class="detail-tag">支持银行</span>
            <span class="detail-text">工商、建设、农业、中国、招商、交通、邮储、中信、浦发、兴业、平安、光大、广发、华夏、民生</span>
          </div>
        </div>

        <div class="highlight-item">
          <div class="highlight-icon">📊</div>
          <h3>一键整合所有财务数据</h3>
          <p>不管是银行流水Excel、微信账单CSV、还是支付宝账单，都能智能识别格式并一键导入，几年的历史数据瞬间整合。</p>
          <div class="highlight-details">
            <span class="detail-tag">支持格式</span>
            <span class="detail-text">银行Excel流水、微信CSV账单、支付宝CSV账单、手动记录</span>
          </div>
        </div>

        <div class="highlight-item">
          <div class="highlight-icon">📱</div>
          <h3>手机电脑无缝协作</h3>
          <p>iPhone复制的内容，电脑立即可用；收到的验证码，电脑自动获取。利用快捷指令，无需安装额外APP。</p>
          <div class="highlight-details">
            <span class="detail-tag">支持内容</span>
            <span class="detail-text">文本、图片、文件、验证码、银行短信、剪贴板历史</span>
          </div>
        </div>

        <div class="highlight-item">
          <div class="highlight-icon">💡</div>
          <h3>智能数据分析</h3>
          <p>自动生成收支趋势图表，智能识别消费习惯，按商户分类统计，让您清楚了解每一分钱的去向。</p>
          <div class="highlight-details">
            <span class="detail-tag">分析维度</span>
            <span class="detail-text">月度年度趋势、商户分类、消费习惯、余额变化</span>
          </div>
        </div>

        <div class="highlight-item">
          <div class="highlight-icon">🔒</div>
          <h3>数据安全可控</h3>
          <p>无需自建服务器，使用您自己的坚果云等WebDAV服务。所有数据都在您的掌控中，隐私安全有保障。</p>
          <div class="highlight-details">
            <span class="detail-tag">存储方式</span>
            <span class="detail-text">本地SQLite + 云端WebDAV同步，数据完全自主可控</span>
          </div>
        </div>

        <div class="highlight-item">
          <div class="highlight-icon">⚡</div>
          <h3>轻量化技术方案</h3>
          <p>不需要复杂配置，不需要付费服务。一次设置，长期使用。成本极低但功能强大。</p>
          <div class="highlight-details">
            <span class="detail-tag">技术优势</span>
            <span class="detail-text">Python + PySide6，启动快速，内存占用低，稳定可靠</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 使用场景展示 -->
  <section class="scenarios-section">
    <div class="container">
      <div class="section-header">
        <h2>典型使用场景</h2>
        <p>看看 PersonalAssistant 如何在日常生活中发挥作用</p>
      </div>

      <div class="scenarios-grid">
        <div class="scenario-card">
          <div class="scenario-icon">🛒</div>
          <h3>日常消费记账</h3>
          <p>在超市刷卡付款后，银行短信自动发送到iPhone，PersonalAssistant立即解析并记录这笔消费，包括金额、商户、时间和余额。</p>
          <div class="scenario-flow">
            <span class="flow-step">刷卡消费</span>
            <span class="flow-arrow">→</span>
            <span class="flow-step">收到银行短信</span>
            <span class="flow-arrow">→</span>
            <span class="flow-step">自动解析记账</span>
            <span class="flow-arrow">→</span>
            <span class="flow-step">电脑端更新数据</span>
          </div>
        </div>

        <div class="scenario-card">
          <div class="scenario-icon">💼</div>
          <h3>工作跨设备协作</h3>
          <p>在iPhone上复制客户联系方式，电脑端立即可以粘贴使用；收到验证码短信，电脑端自动获取，无需手动输入。</p>
          <div class="scenario-flow">
            <span class="flow-step">iPhone复制内容</span>
            <span class="flow-arrow">→</span>
            <span class="flow-step">云端自动同步</span>
            <span class="flow-arrow">→</span>
            <span class="flow-step">电脑端立即可用</span>
            <span class="flow-arrow">→</span>
            <span class="flow-step">提升工作效率</span>
          </div>
        </div>

        <div class="scenario-card">
          <div class="scenario-icon">📈</div>
          <h3>财务数据分析</h3>
          <p>月底查看收支情况，一键导入微信、支付宝账单，结合银行短信记录，生成完整的财务报表和趋势分析。</p>
          <div class="scenario-flow">
            <span class="flow-step">导入各平台账单</span>
            <span class="flow-arrow">→</span>
            <span class="flow-step">自动分类整理</span>
            <span class="flow-arrow">→</span>
            <span class="flow-step">生成可视化图表</span>
            <span class="flow-arrow">→</span>
            <span class="flow-step">分析消费习惯</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 技术优势对比 -->
  <section class="comparison-section">
    <div class="container">
      <div class="section-header">
        <h2>为什么 PersonalAssistant 与众不同？</h2>
        <p>对比传统记账软件和同步工具，看看我们的创新之处</p>
      </div>

      <div class="comparison-table">
        <div class="comparison-header">
          <div class="feature-col">功能特性</div>
          <div class="traditional-col">传统记账软件</div>
          <div class="personal-assistant-col">PersonalAssistant</div>
        </div>

        <div class="comparison-row">
          <div class="feature-col">
            <strong>记账方式</strong>
          </div>
          <div class="traditional-col">
            <span class="status-bad">❌</span>
            手动输入每笔交易
          </div>
          <div class="personal-assistant-col">
            <span class="status-good">✅</span>
            银行短信自动记账
          </div>
        </div>

        <div class="comparison-row">
          <div class="feature-col">
            <strong>数据导入</strong>
          </div>
          <div class="traditional-col">
            <span class="status-bad">❌</span>
            不支持或格式单一
          </div>
          <div class="personal-assistant-col">
            <span class="status-good">✅</span>
            多平台账单一键导入
          </div>
        </div>

        <div class="comparison-row">
          <div class="feature-col">
            <strong>跨设备协作</strong>
          </div>
          <div class="traditional-col">
            <span class="status-bad">❌</span>
            需要专门的同步软件
          </div>
          <div class="personal-assistant-col">
            <span class="status-good">✅</span>
            剪贴板+验证码无缝同步
          </div>
        </div>

        <div class="comparison-row">
          <div class="feature-col">
            <strong>服务器依赖</strong>
          </div>
          <div class="traditional-col">
            <span class="status-bad">❌</span>
            依赖厂商服务器
          </div>
          <div class="personal-assistant-col">
            <span class="status-good">✅</span>
            使用自己的云盘
          </div>
        </div>

        <div class="comparison-row">
          <div class="feature-col">
            <strong>隐私安全</strong>
          </div>
          <div class="traditional-col">
            <span class="status-bad">❌</span>
            数据存储在第三方
          </div>
          <div class="personal-assistant-col">
            <span class="status-good">✅</span>
            数据完全自主可控
          </div>
        </div>

        <div class="comparison-row">
          <div class="feature-col">
            <strong>使用成本</strong>
          </div>
          <div class="traditional-col">
            <span class="status-bad">❌</span>
            通常需要付费订阅
          </div>
          <div class="personal-assistant-col">
            <span class="status-good">✅</span>
            完全免费开源
          </div>
        </div>

        <div class="comparison-row">
          <div class="feature-col">
            <strong>技术门槛</strong>
          </div>
          <div class="traditional-col">
            <span class="status-neutral">⚠️</span>
            需要学习使用
          </div>
          <div class="personal-assistant-col">
            <span class="status-good">✅</span>
            一次设置长期使用
          </div>
        </div>
      </div>

      <div class="comparison-summary">
        <div class="summary-card">
          <h3>🎯 核心创新</h3>
          <p>将银行短信自动解析与跨设备剪贴板同步完美结合，创造了全新的无感记账体验</p>
        </div>
        <div class="summary-card">
          <h3>🔧 技术巧思</h3>
          <p>利用iPhone快捷指令实现移动端功能，避免了复杂的原生APP开发，成本低效果好</p>
        </div>
        <div class="summary-card">
          <h3>💡 用户价值</h3>
          <p>真正解决了记账麻烦、数据分散、跨设备传输不便等实际痛点，提升生活效率</p>
        </div>
      </div>
    </div>
  </section>

  <!-- 快速开始指南 -->
  <section id="guide" class="quick-start">
    <div class="container">
      <div class="section-header">
        <h2>快速开始</h2>
        <p>四个简单步骤，开启银行短信自动记账和跨设备协作体验</p>
      </div>
      <div class="steps-container">
        <div class="step-item">
          <div class="step-number">1</div>
          <div class="step-content">
            <h3>下载安装</h3>
            <p>从官网下载适合您系统的安装包，双击运行完成安装</p>
          </div>
          <div class="step-icon">📥</div>
        </div>
        <div class="step-item">
          <div class="step-number">2</div>
          <div class="step-content">
            <h3>配置云端同步</h3>
            <p>设置坚果云等WebDAV服务，实现跨设备数据同步</p>
          </div>
          <div class="step-icon">☁️</div>
        </div>
        <div class="step-item">
          <div class="step-number">3</div>
          <div class="step-content">
            <h3>设置iPhone快捷指令</h3>
            <p>安装提供的快捷指令，实现银行短信自动记账和剪贴板同步</p>
          </div>
          <div class="step-icon">📱</div>
        </div>
        <div class="step-item">
          <div class="step-number">4</div>
          <div class="step-content">
            <h3>导入历史账单</h3>
            <p>一键导入银行流水、微信支付宝账单，开始无感记账体验</p>
          </div>
          <div class="step-icon">📊</div>
        </div>
      </div>
    </div>
  </section>

  <!-- 下载体验区域 -->
  <section id="download" class="download-section">
    <div class="container">
      <div class="section-header">
        <h2>立即下载体验</h2>
        <p>PersonalAssistant v1.1.0 现已发布，开启银行短信自动记账新体验</p>
      </div>
      <div class="download-grid">
        <div class="download-card">
          <div class="platform-icon">🖥️</div>
          <h3>Windows</h3>
          <p>适用于 Windows 10/11</p>
          <div class="download-info">
            <span class="version">v1.1.0</span>
            <span class="size">92.6 MB</span>
          </div>
          <a href="https://gitee.com/meihaohui/clip-board-pool/releases" target="_blank" class="btn btn-primary">立即下载</a>
        </div>
        <div class="download-card">
          <div class="platform-icon">🍎</div>
          <h3>macOS</h3>
          <p>适用于 macOS 10.15+</p>
          <div class="download-info">
            <span class="version">敬请期待</span>
            <span class="size">开发中</span>
          </div>
          <button class="btn btn-secondary" disabled>敬请期待</button>
        </div>
        <div class="download-card">
          <div class="platform-icon">🐧</div>
          <h3>Linux</h3>
          <p>适用于主流 Linux 发行版</p>
          <div class="download-info">
            <span class="version">敬请期待</span>
            <span class="size">开发中</span>
          </div>
          <button class="btn btn-secondary" disabled>敬请期待</button>
        </div>
      </div>
      <div class="download-notes">
        <h4>更新说明</h4>
        <div class="update-grid">
          <div class="update-item">
            <h5>核心亮点</h5>
            <ul>
              <li>银行短信自动记账</li>
              <li>多平台账单导入</li>
              <li>跨设备剪贴板同步</li>
              <li>财务数据可视化</li>
            </ul>
          </div>
          <div class="update-item">
            <h5>性能优化</h5>
            <ul>
              <li>启动速度提升50%</li>
              <li>内存占用降低30%</li>
              <li>界面响应更加流畅</li>
            </ul>
          </div>
          <div class="update-item">
            <h5>问题修复</h5>
            <ul>
              <li>修复已知崩溃问题</li>
              <li>优化兼容性</li>
              <li>提升稳定性</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 常见问题解答 -->
  <section class="faq-section">
    <div class="container">
      <div class="section-header">
        <h2>常见问题解答</h2>
        <p>解答您关于 PersonalAssistant 的疑问</p>
      </div>

      <div class="faq-container">
        <div class="faq-item">
          <div class="faq-question">
            <h3>🔐 数据安全吗？会不会泄露银行信息？</h3>
            <span class="faq-toggle">+</span>
          </div>
          <div class="faq-answer">
            <p>完全安全！PersonalAssistant 采用本地+云端的混合存储方案：</p>
            <ul>
              <li><strong>本地存储</strong>：所有数据首先存储在您自己的电脑上，使用 SQLite 数据库</li>
              <li><strong>云端同步</strong>：使用您自己的坚果云等 WebDAV 服务，数据完全在您的掌控中</li>
              <li><strong>无第三方服务器</strong>：我们不会收集或存储您的任何数据</li>
              <li><strong>开源透明</strong>：代码完全开源，您可以审查所有功能</li>
            </ul>
          </div>
        </div>

        <div class="faq-item">
          <div class="faq-question">
            <h3>📱 iPhone 端需要安装 APP 吗？</h3>
            <span class="faq-toggle">+</span>
          </div>
          <div class="faq-answer">
            <p>不需要！这是我们的创新之处：</p>
            <ul>
              <li><strong>利用快捷指令</strong>：使用 iPhone 自带的快捷指令功能</li>
              <li><strong>无需额外 APP</strong>：避免了复杂的原生应用开发</li>
              <li><strong>系统级集成</strong>：与 iOS 系统深度集成，体验更流畅</li>
              <li><strong>一次设置</strong>：配置好后完全自动化运行</li>
            </ul>
          </div>
        </div>

        <div class="faq-item">
          <div class="faq-question">
            <h3>🏦 支持哪些银行？准确率如何？</h3>
            <span class="faq-toggle">+</span>
          </div>
          <div class="faq-answer">
            <p>支持 15 家主流银行，准确率超过 95%：</p>
            <ul>
              <li><strong>国有银行</strong>：工商、建设、农业、中国、交通、邮储</li>
              <li><strong>股份制银行</strong>：招商、中信、浦发、兴业、平安、光大、广发、华夏、民生</li>
              <li><strong>智能解析</strong>：自动识别金额、商户、卡号、余额、时间</li>
              <li><strong>持续优化</strong>：根据用户反馈不断完善解析规则</li>
            </ul>
          </div>
        </div>

        <div class="faq-item">
          <div class="faq-question">
            <h3>💰 需要付费吗？有什么限制？</h3>
            <span class="faq-toggle">+</span>
          </div>
          <div class="faq-answer">
            <p>完全免费，无任何限制：</p>
            <ul>
              <li><strong>开源免费</strong>：软件本身完全免费，代码开源</li>
              <li><strong>无功能限制</strong>：所有功能都可以免费使用</li>
              <li><strong>无数据限制</strong>：可以导入和存储无限量的交易记录</li>
              <li><strong>云盘成本</strong>：只需要您自己的云盘空间（如坚果云免费版即可）</li>
            </ul>
          </div>
        </div>

        <div class="faq-item">
          <div class="faq-question">
            <h3>🔄 如何导入历史账单数据？</h3>
            <span class="faq-toggle">+</span>
          </div>
          <div class="faq-answer">
            <p>支持多种格式，一键导入：</p>
            <ul>
              <li><strong>银行流水</strong>：支持工商银行等银行的 Excel 流水文件</li>
              <li><strong>微信账单</strong>：导出微信账单 CSV 文件后一键导入</li>
              <li><strong>支付宝账单</strong>：导出支付宝账单 CSV 文件后一键导入</li>
              <li><strong>智能处理</strong>：自动识别表头格式，合并多行记录</li>
            </ul>
          </div>
        </div>

        <div class="faq-item">
          <div class="faq-question">
            <h3>🖥️ 支持哪些操作系统？</h3>
            <span class="faq-toggle">+</span>
          </div>
          <div class="faq-answer">
            <p>目前和未来的支持计划：</p>
            <ul>
              <li><strong>Windows</strong>：✅ 已发布，支持 Windows 10/11</li>
              <li><strong>macOS</strong>：🔄 开发中，预计近期发布</li>
              <li><strong>Linux</strong>：🔄 开发中，支持主流发行版</li>
              <li><strong>移动端</strong>：iPhone 通过快捷指令支持，Android 计划中</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 页脚 -->
  <footer class="footer">
    <div class="container">
      <div class="footer-content">
        <div class="footer-brand">
          <img src="logo.svg" alt="PersonalAssistant" class="footer-logo">
          <p>PersonalAssistant - 让工作更高效的全能私人助理</p>
        </div>
        <div class="footer-links">
          <div class="link-group">
            <h4>产品</h4>
            <a href="#features">功能特性</a>
            <a href="https://gitee.com/meihaohui/clip-board-pool/releases" target="_blank">立即下载</a>
            <a href="#guide">使用指南</a>
            <a href="https://gitee.com/meihaohui/clip-board-pool/releases" target="_blank">历史版本</a>
          </div>
          <div class="link-group">
            <h4>支持</h4>
            <a href="https://gitee.com/meihaohui/clip-board-pool" target="_blank">开源项目</a>
            <a href="https://gitee.com/meihaohui/clip-board-pool/issues" target="_blank">反馈建议</a>
            <a href="https://gitee.com/meihaohui/clip-board-pool/issues" target="_blank">问题报告</a>
          </div>
          <div class="link-group">
            <h4>开发者</h4>
            <a href="https://gitee.com/meihaohui" target="_blank">开发者主页</a>
            <a href="https://gitee.com/meihaohui/clip-board-pool" target="_blank">项目源码</a>
            <a href="https://gitee.com/meihaohui/clip-board-pool/blob/master/LICENSE" target="_blank">开源协议</a>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <p>&copy; 2024 PersonalAssistant. 保留所有权利。</p>
        <div class="social-links">
          <a href="https://gitee.com/meihaohui/clip-board-pool" target="_blank">Gitee</a>
        </div>
      </div>
    </div>
  </footer>

  <script src="script.js"></script>
</body>
</html>
